<script setup lang="ts">
interface Props {
  // 可选参数 ？
  text?: string
}
// 方法一：设置 props 默认参数 解构赋值 Vue 3.5+
// const {text = '按钮'}=defineProps<Props>()

//方法二：解构赋值 Vue 3.4及更低版本，使用 设置默认值
withDefaults(
  defineProps<Props>(),
  {
    text:'哈哈'
  }
)
</script>

<template>
<button class="hm-button">{{text}}</button>
</template>

<style scoped>
.hm-button {
	background-color: #00B85F;
  color: white;
  border-radius: 10px;
  padding: 10px;
  border-width: 0px;
}
</style>